<template>
  <div class="box">
     <div class="text t1" v-html="text"> </div>
     <div class="text ">
      <span style="color:#00ace5;font-size:22px;margin-right:10px">{{num}}</span>
      <span v-html="type"> </span>
     </div>
   </div>
</template>
<style scoped>
    .box{
        background: #0c5ca5;
        background-image: linear-gradient(#2270c2, #063e7b);
        padding:10px 8px;
        display: flex;
        justify-content: space-between;
        line-height: 20px;
        height: 20px!important;
        min-width: 45%;
    }
    .text{
        font-size:18px;
        flex:1;
    }
</style>

<script>
export default {
   
    props:["text","num","type"],
    data(){
        return{
            
        }
    }
}
</script>
